
<template>
  <div class="app-container">
  <navigation></navigation>
    <div class="main-content">
  <router-view></router-view>
  <TheFooter></TheFooter>
    </div>
  </div>
</template>

<style scoped>
.main-content {
  margin-top: 80px; /* 略大于导航栏高度 */
  padding: 0 20px 0 20px;
}
</style>

<script >
import navigation from './components/navigation/navigation.vue'
import TheFooter from "./components/TheFooter.vue";


export default {
  name: 'App',
  components: {
    TheFooter,

    navigation,


  }
}
</script>
